﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>

<body>
    <div style="padding:20px; margin:0 auto;">
        <form class="layui-form" action="" id="showForm">
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">基础信息</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">真实姓名<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="userName" name="userName" win-verify="required" placeholder="请输入真实姓名"
                        class="layui-input" maxlength="10" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">身份证<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="userIdCard" name="userIdCard" win-verify="required|identity|number"
                        placeholder="请输入身份证" class="layui-input" maxlength="18" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">性别<i class="red">*</i></label>
                <div class="layui-input-block winui-radio">
                    <input type="radio" name="userSex" value="0" title="保密" checked="checked" />
                    <input type="radio" name="userSex" value="1" title="男" />
                    <input type="radio" name="userSex" value="2" title="女" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">入职时间<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="entryTime" name="entryTime" win-verify="required" placeholder="XXXX-XX-XX"
                        class="layui-input" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">头像<i class="red">*</i></label>
                <div class="layui-input-block">
                    <div class="upload" id="userPhoto"></div>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6" style="height: 108px">
                <label class="layui-form-label">参加工作时间<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="workTime" name="workTime" win-verify="required" placeholder="XXXX-XX-XX"
                        class="layui-input" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">在职状态<i class="red">*</i></label>
                <div class="layui-input-block">
                    <select lay-filter="state" lay-search="" id="state" name="state">

                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6" id="trialTimeBox" style="display: none">
                <label class="layui-form-label">预计试用结束日期<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="trialTime" name="trialTime" placeholder="请选择预计试用结束日期" class="layui-input" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">工种类型<i class="red">*</i></label>
                <div class="layui-input-block winui-radio" id="userStaffWorkstationType">
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6 hourlyPriceBox" style="display: none;">
                <label class="layui-form-label">小时工时薪<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="hourlyPrice" name="hourlyPrice" placeholder="请输入小时工时薪" class="layui-input"
                        maxlength="5" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">联系方式</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-block">
                    <input type="text" id="email" name="email" placeholder="请输入邮箱" class="layui-input" maxlength="50" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">QQ</label>
                <div class="layui-input-block">
                    <input type="text" id="qq" name="qq" lay-verify="number" win-verify="number" placeholder="请输入qq"
                        class="layui-input" maxlength="15" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">手机号<i class="red">*</i></label>
                <div class="layui-input-block">
                    <input type="text" id="phone" lay-verify="number" win-verify="required|phone" name="phone"
                        placeholder="请输入手机号" class="layui-input" maxlength="11" />
                    <div class="layui-form-mid layui-word-aux">手机号可作为登录账号使用，要注意手机号的唯一性。</div>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs6">
                <label class="layui-form-label">家庭电话</label>
                <div class="layui-input-block">
                    <input type="text" id="homePhone" lay-verify="number" win-verify="number" name="homePhone"
                        placeholder="请输入家庭号码" class="layui-input" maxlength="20" />
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">组织机构</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">职位信息<i class="red">*</i></label>
                <div class="layui-input-block">
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="demoTree1" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="demoTree2" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="demoTree3" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                    <div class="layui-form-item layui-col-xs3">
                        <ul id="demoTree4" class="dtree" data-id="0" style="overflow-y: auto;height: 250px;"></ul>
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">考勤段<i class="red">*</i></label>
                <div class="layui-input-block" id="checkTimeBox">

                </div>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <span class="hr-title">个性签名</span>
                <hr>
            </div>
            <div class="layui-form-item layui-col-xs12">
                <label class="layui-form-label">签名</label>
                <div class="layui-input-block">
                    <textarea id="userSign" name="userSign" placeholder="请输入签名" class="layui-textarea"
                        style="height: 100px;" maxlength="200"></textarea>
                </div>
            </div>

            <div class="layui-form-item layui-col-xs12">
                <div class="layui-input-block">
                    <button class="winui-btn" id="cancle">
                        <language showName="com.skyeye.cancel"></language>
                    </button>
                    <button class="winui-btn" lay-submit lay-filter="formAddBean">
                        <language showName="com.skyeye.save"></language>
                    </button>
                </div>
            </div>
        </form>
    </div>

    <script type="text/html" id="checkTimeStrTemplate">
		{{#each rows}}
			<input type="checkbox" name="checkTime" title="{{name}}[{{startTime}} ~ {{endTime}}]{{typeName}}" rowId="{{id}}" lay-filter="checkTimeProperty" />
		{{/each}}
	</script>

    <script src="../../assets/lib/layui/layui.js"></script>
    <script src="../../assets/lib/layui/custom.js"></script>
    <script type="text/javascript">
        layui.config({ base: '../../js/sysEveUserStaff/' }).use('sysEveUserStaffAdd');
    </script>
</body>

</html>